@import '../../../assets/scss/color.scss';
.list-group{
  // padding-top: 20px;
  h5{
    color: $fc;
  }
  .list-group-item{
    background: transparent;
    color: $fc;
    text-decoration: none;
    transition: all 0.2s;
    border-color: #ccc;
    &::before{
      content: '>';
      position: absolute;
      visibility: hidden;
      left: 0;
      opacity: 0;
      transition: all 0.2s;
      color: $mc;
    }
    &.active{
      color: $mc;
      padding-left: 30px;
      border-color: $mc;
      &::before{
        visibility: visible;
        left: 10px;
        opacity: 1;
      }
    }
    &:hover{
      padding-left: 30px;
      color: $mc;
      &::before{
        visibility: visible;
        left: 10px;
        opacity: 1;
      }
    }
  }
}